module.exports = {
  // 开发服务器设置
  devServer: {
      open: true,
      // 设置 npm run serve 启动后的端口号
      port: 3000,
      // 如果你开始了eslint,不要让eslint在页面中遮罩，它错误会在console.log控制台打印
      overlay: false,
      // vue项目代理请求
      proxy: {
          // 规则
          // axios中相对地址开头的字符串  匹配请求uri中的前几位
          "/mock": {
              // 把相对地址中的域名 映射到 目标地址中
              // localhost:3000 => https://api.iynn.cn/film/api/v1/
              target: "https://api.iynn.cn/data/",
              // 修改host请求的域名为目标域名
              // changeOrigin: false,
              changeOrigin: true,
              // 请求uri和目标uri有一个对应关系
              // 请求/api/login ==> 目标 /v1/api/login
              pathRewrite: {
                  "^/mock": "",
              },
          },
      },
  },
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        lessOptions: {
          modifyVars: {
            // 直接覆盖变量
            '@nav-bar-text-color': '#000',
            '@nav-bar-icon-color': '#000',
            // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
            hack: `true; @import "your-less-file-path.less";`,
          },
        },
      },
    },
  },
};